<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1,minimun-scale=1">
	<title>boostrap案例3</title>
	<link rel="stylesheet" type="text/css" href="../web-lib/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../web-lib/css/base.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/meiti.css">
</head>
<body>

<header class="public-head">
	<div class="carou">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  			<ol class="carousel-indicators">
  			  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  			  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  			</ol>
  			<div class="carousel-inner" role="listbox">
  			  <div class="item active">
  			    <img src="img/lunbo1.jpg" alt="..." class="img-change">
  			  </div>
  			  <div class="item">
  			    <img src="img/lunbo2.jpg" alt="..." class="img-change">
  			  </div>
  			</div>
  		</div>
	</div>
	<nav class="topbar">
		<div class="container">
			<div class="navbar-header">
      			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        			<span class="sr-only">Toggle navigation</span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
        			<span class="icon-bar"></span>
      			</button>
      			<a class="navbar-brand" href="#">
      				<img src="img/logo.png">
      			</a>
    		</div>
    		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    			<ul class="nav navbar navbar-right">
    				<li><a href="#">首页</a></li>
    				<li><a href="#">签证指南</a></li>
    				<li><a href="#">签证加急</a></li>
    				<li><a href="#">签证服务</a></li>
    				<li><a href="#">签证资讯</a></li>
    				<li><a href="#">资料下载</a></li>
    			</ul>
    		</div>
		</div>
	</nav>
</header>

<section class="public-item">
	<div class="container">
		<h4 class="item-tt">我们的成绩</h4>
		<p class="item-mess">2016年1月1日至2016年12月31日，我们的接待数据。</p>
		<div class="row">
			<div class="col-sm-3">
				<div class="num-show">
					<span>18,397</span>
					<h4>累计受理申请</h4>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="num-show">
					<span>18,397</span>
					<h4>累计受理申请</h4>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="num-show">
					<span>18,397</span>
					<h4>累计受理申请</h4>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="num-show">
					<span>18,397</span>
					<h4>累计受理申请</h4>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="public-item youshi-item">
	<div class="container">
		<h4 class="item-tt">我们的优势</h4>
		<p class="item-mess">每一份签证申请都是独立个案，每一位申请人都应该被认真对待。</p>
		<div class="row">
			<div class="col-sm-3">
				<div class="youshi-show effect-show">
					<div class="youshi-show-tt">
						<span class="glyphicon glyphicon-time"></span>
						<h4>十一年美签经验</h4>
					</div>
					<div class="youshi-show-mess">
						<p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="youshi-show effect-show">
					<div class="youshi-show-tt">
						<span class="glyphicon glyphicon-screenshot"></span>
						<h4>十一年美签经验</h4>
					</div>
					<div class="youshi-show-mess">
						<p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="youshi-show effect-show">
					<div class="youshi-show-tt">
						<span class="glyphicon glyphicon-refresh"></span>
						<h4>十一年美签经验</h4>
					</div>
					<div class="youshi-show-mess">
						<p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="youshi-show effect-show">
					<div class="youshi-show-tt">
						<span class="glyphicon glyphicon-thumbs-up"></span>
						<h4>十一年美签经验</h4>
					</div>
					<div class="youshi-show-mess">
						<p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="public-item fuwu-item">
	<div class="container">
		<h4 class="item-tt">我们的服务</h4>
		<p class="item-mess">与美国非移民签证申请相关的所有服务，我们都提供支持。</p>
		<div class="row">
			<div class="col-sm-3">
				<div class="fuwu-show effect-show2">
					<div class="fuwu-show-tt">
						<h4>美国加急预约</h4>
						<p>全程加急办理</p>
					</div>
					<div class="fuwu-show-mess">
						<p>3个工作日内进馆</p>
						<p>先加急 后付费</p>
						<p>100%加急成功</p>
						<p>支持全国五大领区</p>
						<p>支持所有签证类型</p>
						<a href="#">查看详情</a>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="fuwu-show effect-show2">
					<div class="fuwu-show-tt">
						<h4>美国加急预约</h4>
						<p>全程加急办理</p>
					</div>
					<div class="fuwu-show-mess">
						<p>3个工作日内进馆</p>
						<p>先加急 后付费</p>
						<p>100%加急成功</p>
						<p>支持全国五大领区</p>
						<p>支持所有签证类型</p>
						<a href="#">查看详情</a>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="fuwu-show effect-show2">
					<div class="fuwu-show-tt">
						<h4>美国加急预约</h4>
						<p>全程加急办理</p>
					</div>
					<div class="fuwu-show-mess">
						<p>3个工作日内进馆</p>
						<p>先加急 后付费</p>
						<p>100%加急成功</p>
						<p>支持全国五大领区</p>
						<p>支持所有签证类型</p>
						<a href="#">查看详情</a>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="fuwu-show effect-show2">
					<div class="fuwu-show-tt">
						<h4>美国加急预约</h4>
						<p>全程加急办理</p>
					</div>
					<div class="fuwu-show-mess">
						<p>3个工作日内进馆</p>
						<p>先加急 后付费</p>
						<p>100%加急成功</p>
						<p>支持全国五大领区</p>
						<p>支持所有签证类型</p>
						<a href="#">查看详情</a>
					</div>
				</div>
			</div>
		</div>
		<a href="#" class="item-ft">查看更多服务</a>
	</div>
</section>

<section class="public-item kehu-item">
	<div class="container">
		<h4 class="item-tt">客户的鼓励</h4>
		<p class="item-mess">帮助您解决实际问题，顺利、及时地获得签证，是我们存在的根本价值。</p>
		<div class="row">
			<div class="col-sm-4">
				<div class="kehu-show">
					<div class="kehu-show-top">
						<div class="kehu-show-top-pic">
							<img src="img/pingjia1.jpg" class="img-circle">
						</div>
						<div class="kehu-show-top-mess">
							<p>护照丢了，定了春节行程。11号补好护照约了13号面签，这速度简直惊人，所有的旅行社都说弄不了，来不及了，肯定没戏。多亏了你们，非常感谢！</p>
						</div>
						<div class="kehu-show-top-fot clearfix">
							<span class="span-btn1">B1商务签证</span>
							<span class="span-btn2"><i class="insert-zuobiao"></i>北京领事馆</span>
						</div>
					</div>
					<div class="kehu-show-bot">
						<i class="insert-yinhao"></i>
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="kehu-show">
					<div class="kehu-show-top">
						<div class="kehu-show-top-pic">
							<img src="img/pingjia2.jpg" class="img-circle">
						</div>
						<div class="kehu-show-top-mess">
							<p>护照丢了，定了春节行程。11号补好护照约了13号面签，这速度简直惊人，所有的旅行社都说弄不了，来不及了，肯定没戏。多亏了你们，非常感谢！</p>
						</div>
						<div class="kehu-show-top-fot clearfix">
							<span class="span-btn1">B1商务签证</span>
							<span class="span-btn2"><i class="insert-zuobiao"></i>北京领事馆</span>
						</div>
					</div>
					<div class="kehu-show-bot">
						<i class="insert-yinhao"></i>
					</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="kehu-show">
					<div class="kehu-show-top">
						<div class="kehu-show-top-pic">
							<img src="img/pingjia3.jpg" class="img-circle">
						</div>
						<div class="kehu-show-top-mess">
							<p>护照丢了，定了春节行程。11号补好护照约了13号面签，这速度简直惊人，所有的旅行社都说弄不了，来不及了，肯定没戏。多亏了你们，非常感谢！</p>
						</div>
						<div class="kehu-show-top-fot clearfix">
							<span class="span-btn1">B1商务签证</span>
							<span class="span-btn2"><i class="insert-zuobiao"></i>北京领事馆</span>
						</div>
					</div>
					<div class="kehu-show-bot">
						<i class="insert-yinhao"></i>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="public-item meiguo-item">
	<div class="container">
		<h4 class="item-tt">美国签证最新资讯</h4>
		<p class="item-mess">中岚签证帮您关注最新美国签证相关政策与新闻。</p>
		<div class="row">
			<div class="col-sm-6">
				<div class="media meiguo-item-media">
  					<div class="media-left media-middle">
    					<a href="#">
      						<img class="media-object" src="img/qianqian.jpg" alt="...">
    					</a>
  					</div>
  					<div class="media-body">
    					<h4 class="media-heading text-yhhid"><a href="#">92名矿工被欠薪数百万人讨薪现场异常壮观</a></h4>
    					<span>时间：2017-05-09</span>
    					<p class="text-dhhid">他们大部分来自东北，在去年10月份时，其所在城市的劳务中介公司找到他们，介绍了塞班岛的工作，中介给他</p>
    					<span>作者：中岚签证 clantrip.com</span>
    					<a href="#" class="read-more">[详情]</a>
  					</div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="media meiguo-item-media">
  					<div class="media-left media-middle">
    					<a href="#">
      						<img class="media-object" src="img/qianqian.jpg" alt="...">
    					</a>
  					</div>
  					<div class="media-body">
    					<h4 class="media-heading text-yhhid"><a href="#">92名矿工被欠薪数百万人讨薪现场异常壮观</a></h4>
    					<span>时间：2017-05-09</span>
    					<p class="text-dhhid">他们大部分来自东北，在去年10月份时，其所在城市的劳务中介公司找到他们，介绍了塞班岛的工作，中介给他</p>
    					<span>作者：中岚签证 clantrip.com</span>
    					<a href="#" class="read-more">[详情]</a>
  					</div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="media meiguo-item-media">
  					<div class="media-left media-middle">
    					<a href="#">
      						<img class="media-object" src="img/qianqian.jpg" alt="...">
    					</a>
  					</div>
  					<div class="media-body">
    					<h4 class="media-heading text-yhhid"><a href="#">92名矿工被欠薪数百万人讨薪现场异常壮观</a></h4>
    					<span>时间：2017-05-09</span>
    					<p class="text-dhhid">他们大部分来自东北，在去年10月份时，其所在城市的劳务中介公司找到他们，介绍了塞班岛的工作，中介给他</p>
    					<span>作者：中岚签证 clantrip.com</span>
    					<a href="#" class="read-more">[详情]</a>
  					</div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="media meiguo-item-media">
  					<div class="media-left media-middle">
    					<a href="#">
      						<img class="media-object" src="img/qianqian.jpg" alt="...">
    					</a>
  					</div>
  					<div class="media-body">
    					<h4 class="media-heading text-yhhid"><a href="#">92名矿工被欠薪数百万人讨薪现场异常壮观</a></h4>
    					<span>时间：2017-05-09</span>
    					<p class="text-dhhid">他们大部分来自东北，在去年10月份时，其所在城市的劳务中介公司找到他们，介绍了塞班岛的工作，中介给他</p>
    					<span>作者：中岚签证 clantrip.com</span>
    					<a href="#" class="read-more">[详情]</a>
  					</div>
				</div>
			</div>
		</div>
		<div class="meiguo-more">
			<a href="#">更多资讯>>></a>
		</div>
	</div>
</section>

<section class="public-item women-item">
	<div class="container">
		<h4 class="item-tt">我们的客户</h4>
		<p class="item-mess">他们与中岚建立了合作关系</p>
		<div class="row">
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
			<div class="col-xs-4 col-sm-3 col-md-2">
				<div class="women-item-show">
					<a href="#">
						<img src="img/client1.png" class="img-responsive">
					</a>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="new-more">
	<div class="container">
		<div class="new-more-tt">
			<h4>更多疑问 全面解答</h4>
		</div>
		<div class="new-more-bd">
			<p>资深美签专家在线为您解答所有疑惑</p>
			<a href="#">免费咨询</a>
		</div>
	</div>
</section>

<footer class="footer-part"> 
	<div class="footer-part-top">
		<div class="container">
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list">
					<dl>
						<dt>常用工具</dt>
						<dd>电码查询</dd>
						<dd>护照追踪</dd>
						<dd>资料下载</dd>
					</dl>
				</div>
			</div>
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list">
					<dl>
						<dt>常用工具</dt>
						<dd>电码查询</dd>
						<dd>护照追踪</dd>
						<dd>资料下载</dd>
					</dl>
				</div>
			</div>
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list">
					<dl>
						<dt>常用工具</dt>
						<dd>电码查询</dd>
						<dd>护照追踪</dd>
						<dd>资料下载</dd>
					</dl>
				</div>
			</div>
			<div class="col-xs-6 col-sm-2">
				<div class="footer-list wechat-list">
					<div class="footer-list-pic">
						<img src="img/wechat.png" class="img-responsive">
					</div>
					<div class="footer-list-mess">
						<p>微信号:1888888</p>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-4">
				<div class="footer-list call-list">
					<h2><img src="img/pc-footer-phone.png">010-64648731</h2>
					<h2><img src="img/pc-footer-qq.png">010-64648731</h2>
					<h2><img src="img/pc-footer-mob.png">010-64648731</h2>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-part-bot">
		<div class="container">
			<p class="footer-part-p1">Copyright &copy 2006-2017 clantrip.com All Rights Reversed. 中岚签证<a href="#">京ICP备16015317号</a></p>
			<p class="footer-part-p2">
				<img src="img/ghs.png">
				<a href="#">京公网安备 11010102002687号</a>
			</p>
		</div>
	</div>
</footer>

<section class="celan">
	<a href="#" class="celan-user">
		<div class="celan-public-mess">在线咨询</div>
	</a>
	<a href="#" class="celan-qq">
		<div class="celan-public-mess">QQ咨询</div>
	</a>
	<a href="#" class="celan-phone">
		<div class="celan-public-mess">188888</div>
	</a>
	<a href="#" class="celan-liaotian">
		<div class="celan-public-img"><img src="img/wechat.png"></div>
	</a>
	<div class="celan-jiantou"></div>
</section>

<section class="footer-fixed">
	<div class="container">
		<div class="row">
			<div class="col-xs-3 col-sm-3">
				<a href="#" class="ft-p">电话咨询</a>
			</div>
			<div class="col-xs-3 col-sm-3">
				<a href="#" class="ft-j">紧急电话</a>
			</div>
			<div class="col-xs-3 col-sm-3">
				<a href="#" class="ft-z">在线咨询</a>
			</div>
			<div class="col-xs-3 col-sm-3">
				<a href="#" class="ft-m">短信咨询</a>
			</div>
		</div>
	</div>
	<div class="ft-back"></div>
</section>



<script src="../web-lib/jquery/dist/jquery.js"></script>
<script src="../web-lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="js/index.js"></script>
</body>
</html>